<div class="modal fade addKeyWordWin" id="taskThemeTableList" tabindex="-1" role="dialog" data-backdrop="static"
  aria-labelledby="taskListThemeTabsLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered" style="width: 1000px;">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="taskListThemeTabsLabel">选择主题词表</h4>
        <button type="button" class="close" data-dismiss="modal" (click)="clearData();">&times;</button>
      </div>
      <div class="modal-body" style="min-height:500px">
        <div class="container">
          <div class="row txtTitle">
            <div class="form-group pull-right" style="margin-bottom: 0px;">
              <span class="pull-left form-span span_left_search">启用状态：</span>
              <select name="status" (change)="search()" [(ngModel)]="status" class="pull-left fill form-control select-style">
                <option value="">全部</option>
                <option value="0">启用</option>
                <option value="-1">禁用</option>
              </select>
            </div>
            <input type="text" class="input_style" placeholder="请输入主题词表名称" name="searchData" [(ngModel)]="searchData"
              (input)="changesearch()" (keyup.enter)="changesearch()">
            <button class="btn btn-search btn-blue" mat-button (click)="search()">检索</button>
          </div>
          <div class="table-thead">
            <table class="tableStyle table table-hover table-striped">
              <thead>
                <tr>
                  <th class="bs-checkbox w5 text-center">
                    <input type="checkbox" #event (click)="_selectAll(event.checked,files)" [checked]="isSelectAll">
                  </th>
                  <th class="w30 text-left max-w">主题词表</th>
                  <th class="w10 text-left max-w">启用状态</th>
                  <th class="w10 text-left max-w">状态</th>
                  <th class="w10 text-left max-w">标签</th>
                </tr>
              </thead>
            </table>
          </div>
          <div class="table-tbody" style="max-height: 335px;">
            <p-treeTable [value]="files" [lazy]="true">
              <ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-i="index">
                <tr class="treegrid-2 treegrid-collapsed">
                  <td class="bs-checkbox w5 text-center">
                    <input type="checkbox" #event  (click)="_chose(event.checked,rowData.themeTableId,files.length)"
                      [checked]="isSelectedTheme[rowData.themeTableId] || (selectedTheme.indexOf(rowData.themeTableId) != -1) || isChose" [disabled]="isSelectedTheme[rowData.themeTableId]">
                  </td>
                  <td class="w30 text-left max-w">
                    <p-treeTableToggler [rowNode]="rowNode"></p-treeTableToggler>
                    {{rowData.name}}
                  </td>
                  <td class="w10 text-left max-w">
                    <span class="stateGreen" *ngIf="rowData.status === 0">启用</span>
                    <span class="stateRed" *ngIf="rowData.status === -1">禁用</span>
                  </td>
                  <td class="w10 text-left max-w">
                    <span class="stateGreen" *ngIf="rowData.checkStatus === 1">已审核</span>
                    <span class="stateYellow" *ngIf="rowData.checkStatus === 0">未审核</span>
                    <span class="stateRed" *ngIf="rowData.checkStatus === -1">不通过</span>
                  </td>
                  <td class="w10 text-left max-w">{{rowData.labelName}}</td>
                </tr>
              </ng-template>
            </p-treeTable>
          </div>
        </div>
        <!-- 分页 BEGIN -->
       <app-pagination [getTotalItems]="totalItems" (isLoadTableFromPagination)="_pagination($event)"></app-pagination>
      <!-- 分页 END -->
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" [disabled]="!selectedTheme || selectedTheme.length < 1"
          (click)="addTaskProduc();">确定</button>
        <button type="button" class="btn btn-default" data-dismiss="modal" (click)="clearData();">取消</button>
      </div>
    </div>
  </div>
</div>